<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <title>传统村落官网</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="传统村落,全景">
    <meta name="description" content="传统村落官网">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="js/swiper-3.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/swiper-3.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/bootstrap.js"></script>
    <script src="js/cropper.js"></script>

    <!--<script src="//mob.visualbusiness.cn/vizengine_web/v2.0.52/vizengine_web.js"></script>-->
</head>
<body>
<header style="height: 0">
    <div class="loading">
        <div id="wrap">
        </div>
    </div>
    <div id="nav-container">
        <div id="nav-bg"></div>
        <a href="#">
            <img id="logo" src="images/icon/logo.png">
        </a>
        <div class="text-left" id="nav-menus">
            <div class="nav-menu" id="home">
                <div class="nav-menu-title"><a href="#">首页</a></div>
                <div class="nav-menu-underline"></div>
            </div>
            <div class="nav-divide"></div>
            <div class="nav-menu" id="village">
                <div class="nav-menu-title"><a href="#">村落合集</a></div>
                <div class="nav-menu-underline"></div>
            </div>
            <div class="nav-divide"></div>
            <div class="nav-menu" id="culture">
                <div class="nav-menu-title"><a href="#">文化集萃</a></div>
                <div class="nav-menu-underline"></div>
            </div>
            <div class="nav-divide"></div>
            <div class="nav-menu" id="yx">
                <div class="nav-menu-title"><a href="#">古村映像</a></div>
                <div class="nav-menu-underline"></div>
            </div>
            <div class="nav-divide"></div>
            <div class="nav-menu" id="news">
                <div class="nav-menu-title"><a href="#">政策动态</a></div>
                <div class="nav-menu-underline"></div>
            </div>
            <div class="nav-divide"></div>
            <div class="nav-menu" id="farmhouse">
                <div class="nav-menu-title"><a href="#">微景农家</a></div>
                <div class="nav-menu-underline"></div>
            </div>
            <div class="nav-divide"></div>
            <div class="nav-menu" id="about">
                <div class="nav-menu-title"><a href="#">关于我们</a></div>
                <div class="nav-menu-underline"></div>
            </div>


            <div class="nav-menu" id="qq">
                <div class="nav-menu-title">
                    <a class="qqLaunch" href="tencent://message/?uin=2677691964&Site=微景天下&Menu=yes" target="blank"
                       style="width: 34.19px;height: 34.19px"><img style="width: 34.19px;height: 34.19px" src="images/icon/qq.png"></a>
                </div>
                <div class="nav-menu-submenu-container">
                    <ul class="text-left nav-menu-submenu">
                        <li><a>商务合作QQ:</a></li>
                        <li><a>2677691964</a></li>
                    </ul>
                </div>
            </div>
            <div class="nav-menu" id="wechat">
                <div class="nav-menu-title">
                    <img src="images/icon/wechat.png">
                </div>
                <div class="nav-menu-submenu-container">
                    <img src="images/icon/wechat-qrcode.png">
                </div>
            </div>
            <div class="nav-menu" id="blog" style="margin-top: 0px">
                <div class="nav-menu-title">
                    <a href="https://weibo.com/5885033745/profile?topnav=1&wvr=6" target="view_window"
                       style="width: 34.19px;height: 34.19px">
                        <img src="images/icon/weibo.png" style="width: 34.19px;height: 34.19px">
                    </a>
                </div>
                <div class="nav-menu-submenu-container">
                    <a class="text-left nav-menu-submenu"
                       href="https://weibo.com/5885033745/profile?topnav=1&wvr=6"></a>
                </div>
            </div>
            <div class="nav-menu" id="email">
                <div class="nav-menu-title">
                    <a href="mailto:bd@vizen.cn" style="width: 34.19px;height: 34.19px">
                        <img src="images/icon/email.png" style="width: 34.19px;height: 34.19px">
                    </a>
                </div>
                <div class="nav-menu-submenu-container">
                    <ul class="text-left nav-menu-submenu">
                        <li><a href="mailto:bd@vizen.cn">商务合作邮箱:</a></li>
                        <li><a href="mailto:bd@vizen.cn">bd@vizen.cn</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="mouse-container">
        <div class="text-center mouse-icon">
            <img src="images/icon/divide2.png">
        </div>
    </div>
</header>

<section>
    <!--头图-->
    <article class="home-section home-section-one" id="home-section-home">
        <div id="app-container"></div>
        <img class="base-image" id="pano-cover" src="images/homebg.jpg"/>
        <img class="base-image" id="home-bg-monitor" draggable="false" src="images/homebgmon.png">


        <div class="section-one-words">
            <div class="text-center animated-text"><img src="images/icon/theme.png"></div>
            <div class="text-center section-more">
                <button type="button" class="learn-vizens learn-vizen"
                        onclick="window.location.href='http://show.vizen.cn'">马上加入
                </button>

                <ul class="bannerNav">
                    <li>XX村落</li>
                    <li>XX农家</li>
                    <li>XX活动</li>
                </ul>
            </div>
        </div>
    </article>

    <!--案例-->
    <article class="home-section home-section-second" id="home-section-case">
        <img class="base-image" src="images/case/bg.jpg"/>
        <div class="text-center section-container section-title">
            <img src="images/case/case-theme.png">
            <img class="theme-line" src="images/icon/red-line.png">

            <div class="text-center case-desc">
                <div class="case-line-up">
                    <img src="images/case/line-up.png">
                    <span>全景和三维技术对画面的呈现效果震撼且有趣，而</span>
                </div>
                <div class="case-line-down">
                    <span>让它们更加实用，是微景天下一直努力的方向。</span>
                    <img src="images/case/line-down.png">
                </div>
            </div>

            <ul class="caseNav">
                <li class="on">传统村落</li>
                <li>微景农家</li>
            </ul>


            <ul class="text-center case-list" id="divScroll">

                <li class="case-item">
                    <img class="case-pic .base-image"
                         src="https://cimg.visualbusiness.cn/release/pic/888d3b731adfc93d5dc3dbdb4ba0711a.jpg">

                    <div class="case-item-mon">
                        <div class="case-detail-text">
                            <div class="case-detail-name">南花村</div>
                            <div class="case-detail-addr">贵州·凯里</div>
                        </div>
                        <div class="qrcode-contanier">
                            <img src="images/qrcode-contanier.png">
                            <img class="qrcode" src="images/ma.png">
                        </div>
                        <div class="qrcode-promote">
                            扫码手机观看
                        </div>
                        <div class="viewBtn">点击查看</div>

                    </div>
                </li>

                <li class="case-item">
                    <img class="case-pic .base-image"
                         src="https://cimg.visualbusiness.cn/release/pic/888d3b731adfc93d5dc3dbdb4ba0711a.jpg">

                    <div class="case-item-mon">
                        <div class="case-detail-text">
                            <div class="case-detail-name">南花村</div>
                            <div class="case-detail-addr">贵州·凯里</div>
                        </div>
                        <div class="qrcode-contanier">
                            <img src="images/qrcode-contanier.png">
                            <img class="qrcode" src="images/ma.png">
                        </div>
                        <div class="qrcode-promote">
                            扫码手机观看
                        </div>
                        <div class="viewBtn">点击查看</div>

                    </div>
                </li>

                <li class="case-item">
                    <img class="case-pic .base-image"
                         src="https://cimg.visualbusiness.cn/release/pic/888d3b731adfc93d5dc3dbdb4ba0711a.jpg">

                    <div class="case-item-mon">
                        <div class="case-detail-text">
                            <div class="case-detail-name">南花村</div>
                            <div class="case-detail-addr">贵州·凯里</div>
                        </div>
                        <div class="qrcode-contanier">
                            <img src="images/qrcode-contanier.png">
                            <img class="qrcode" src="images/ma.png">
                        </div>
                        <div class="qrcode-promote">
                            扫码手机观看
                        </div>
                        <div class="viewBtn">点击查看</div>

                    </div>
                </li>

                <li class="case-item">
                    <img class="case-pic .base-image"
                         src="https://cimg.visualbusiness.cn/release/pic/888d3b731adfc93d5dc3dbdb4ba0711a.jpg">

                    <div class="case-item-mon">
                        <div class="case-detail-text">
                            <div class="case-detail-name">南花村</div>
                            <div class="case-detail-addr">贵州·凯里</div>
                        </div>
                        <div class="qrcode-contanier">
                            <img src="images/qrcode-contanier.png">
                            <img class="qrcode" src="images/ma.png">
                        </div>
                        <div class="qrcode-promote">
                            扫码手机观看
                        </div>
                        <div class="viewBtn">点击查看</div>

                    </div>
                </li>

                <li class="case-item">
                    <img class="case-pic .base-image"
                         src="https://cimg.visualbusiness.cn/release/pic/888d3b731adfc93d5dc3dbdb4ba0711a.jpg">

                    <div class="case-item-mon">
                        <div class="case-detail-text">
                            <div class="case-detail-name">南花村</div>
                            <div class="case-detail-addr">贵州·凯里</div>
                        </div>
                        <div class="qrcode-contanier">
                            <img src="images/qrcode-contanier.png">
                            <img class="qrcode" src="images/ma.png">
                        </div>
                        <div class="qrcode-promote">
                            扫码手机观看
                        </div>
                        <div class="viewBtn">点击查看</div>

                    </div>
                </li>

                <li class="case-item">
                    <img class="case-pic .base-image"
                         src="https://cimg.visualbusiness.cn/release/pic/888d3b731adfc93d5dc3dbdb4ba0711a.jpg">

                    <div class="case-item-mon">
                        <div class="case-detail-text">
                            <div class="case-detail-name">南花村</div>
                            <div class="case-detail-addr">贵州·凯里</div>
                        </div>
                        <div class="qrcode-contanier">
                            <img src="images/qrcode-contanier.png">
                            <img class="qrcode" src="images/ma.png">
                        </div>
                        <div class="qrcode-promote">
                            扫码手机观看
                        </div>
                        <div class="viewBtn">点击查看</div>

                    </div>
                </li>


            </ul>

            <button class="text-center learn-more case-learn-more">了解更多</button>
        </div>
    </article>


    <!--村落分布-->
    <article class="home-section homeMap" id="home-section-map">
        <img class="base-image" src="images/bg.jpg"/>

        <div class="text-center homeMapBox section-title">
            <img src="images/about-theme.png">
            <img class="theme-line" src="images/red-line.png">
            <div class="mapBox">
                map
            </div>
            <ul class="numberBox digital">
                <li>
                    <strong class="timer count-number" data-to="43" data-speed="3000"></strong>
                    <span>村落分布</span>
                </li>

                <li>
                    <strong class="timer count-number" data-to="1600" data-speed="3000"></strong>
                    <span>村落分布</span>
                </li>

                <li>
                    <strong class="timer count-number" data-to="100" data-speed="3000"></strong><strong>+</strong>
                    <span>村落分布</span>
                </li>

                <li>
                    <strong class="timer count-number" data-to="88" data-speed="3000"></strong>
                    <span>村落分布</span>
                </li>

            </ul>
        </div>
    </article>

    <!--文化-->
    <article class="home-section homeMap" id="home-culture">
        <img class="base-image" src="images/bg.jpg"/>

        <div class="text-center homeMapBox section-title">
            <img src="images/about-theme.png">
            <img class="theme-line" src="images/red-line.png">
            <div class="text-center case-desc">
                <div class="case-line-up">
                    <img src="images/case/line-up.png">
                    <span>全景和三维技术对画面的呈现效果震撼且有趣，而</span>
                </div>
                <div class="case-line-down">
                    <span>让它们更加实用，是微景天下一直努力的方向。</span>
                    <img src="images/case/line-down.png">
                </div>
            </div>

            <div class="poster-main A_Demo">
                <div class="poster-btn poster-prev-btn"></div>
                <ul class="poster-list">
                    <li class="poster-item"><a href="#"><img src="img/1.jpg" width="100%"></a></li>
                    <li class="poster-item"><a href="#"><img src="img/2.jpg" width="100%"></a></li>
                    <li class="poster-item"><a href="#"><img src="img/3.jpg" width="100%"></a></li>
                    <li class="poster-item"><a href="#"><img src="img/4.jpg" width="100%"></a></li>
                    <li class="poster-item"><a href="#"><img src="img/5.jpg" width="100%"></a></li>
                </ul>
                <div class="poster-btn poster-next-btn"></div>
            </div>

            <button class="text-center learn-more case-learn-more">了解更多</button>
        </div>
    </article>

    <!---->


    <article class="iframe-mon"></article>
</section>

<div class="company-info">
    <div class="base-info">
                <span class="company-info-min-size">
                    微景平台: show.vizen.cn
                </span>
        <span class="company-info-min-size">&nbsp&nbsp客服时间 09:00-18:00</span>
        <br>
        <br>
        <span class="company-info-min-size">
                    电话/
                </span>
        <span class="company-info-min-size-blod">Tel</span>
        <span class="company-info-min-size">
                    : 010-62440010 15210333170<br>
                </span>
        <br>
        <span class="company-info-min-size">
                    邮箱/
                </span>
        <span class="company-info-min-size-blod">Email</span>
        <span class="company-info-min-size">
                   : bd@vizen.cn
                </span>
        <br>
        <span class="company-info-min-size">
                    地址/
                </span>
        <span class="company-info-min-size-blod">Address</span>
        <span class="company-info-min-size">
                    : 北京市海淀区北邮科技大厦3层<br>
                </span>
        <br>
        <span class="company-info-min-size-blod">QQ</span>
        <span class="company-info-min-size">: 2677691964</span>
    </div>
    <div class="company-sections">
        <div class="text-left base-info-section base-info-section-case">
            <span class="text-center company-info-size">商业案例</span><br>
            <a class="text-center company-info-min-size" href="case.html?caseId=case-list-item-hotel">微景酒店</a><br>
            <a class="text-center company-info-min-size" href="case.html?caseId=case-list-item-village">传统村落</a><br>
            <a class="text-center company-info-min-size" href="case.html?caseId=case-list-item-musemu">微景博物馆</a><br>
            <a class="text-center company-info-min-size" href="case.html?caseId=case-list-item-scenic">微景旅游</a><br>
            <a class="text-center company-info-min-size" href="case.html?caseId=case-list-item-city">城市名片</a><br>
            <a class="text-center company-info-min-size" href="case.html?caseId=case-list-item-farmyard">微景农家</a>
        </div>
        <div class="text-left base-info-section base-info-section-core-tech">
            <span class="company-info-size">核心技术</span><br>
            <a class="company-info-min-size" href="core.html?type=pano">全景拼接</a><br>
            <a class="company-info-min-size" href="core.html?type=matrix">三维重建</a><br>
        </div>
        <div class="text-left base-info-section base-info-section-news">
            <span class="company-info-size">新闻动态</span><br>
            <a class="company-info-min-size" href="news.html">微景新闻</a><br>
        </div>
        <div class="text-left base-info-section base-info-section-about">
            <span class="company-info-size">关于我们</span><br>
            <a class="company-info-min-size" href="team.html">核心团队</a><br>
            <a class="company-info-min-size" href="join.html">加入我们</a><br>
        </div>
    </div>
</div>

<footer class="footer">
    <P class="copyright">
        Copyright @2015-2017 微景天下(北京)科技有限公司 版权所有 京ICP备15031894号-2
    </P>

    <ul class="footNav">
        <li class="on"><a href="">首页</a></li>
        <li><a href="">村落合集</a></li>
        <li><a href="">文化集萃</a></li>
        <li><a href="">古村映像</a></li>
        <li><a href="">政策动态</a></li>
        <li><a href="">微景农家</a></li>
        <li><a href="">关于我们</a></li>
    </ul>
</footer>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/main_002.js"></script>
<!--map下数字效果-->
<script src="js/numberUp.js"></script>
<!--文化轮播js-->
<script src="js/PicCarousel.js"></script>
<script type="text/javascript">
    $(".A_Demo").PicCarousel("init");
</script>

</body>
</html>